<template>
  <div class="">
    <el-main>
      <div class="man">
        <span class="line"></span>
        <span class="top">供应管理</span>
      </div>

      <el-form :inline="true" :model="formInline" class="demo-form-inline navs">
        <el-form-item>
          <el-input v-model="formInline.user" placeholder="供应商品名称"></el-input>
        </el-form-item>

        <el-form-item>
          <el-input v-model="formInline.user" placeholder="联系人"></el-input>
        </el-form-item>

      <el-form-item>
          <el-input v-model="formInline.phone" placeholder="联系电话"></el-input>
        </el-form-item>

        <el-form-item>
          <el-button type="primary" @click="onSubmit">查询</el-button>
        </el-form-item>

        <el-form-item>
          <el-button type="primary" @click="add">新增</el-button>
        </el-form-item>

        <el-form-item>
          <el-button @click="dd">重置</el-button>
        </el-form-item>
      </el-form>

      <template>
        <el-table :data="tableData" border style="width: 100%">
          <el-table-column prop="id" label="序号" width="210">
          </el-table-column>
          <el-table-column prop="cardNum" label="供应商名称" width="210">
          </el-table-column>
          <el-table-column prop="user" label="联系人" width="210">
          </el-table-column>
          <el-table-column prop="birthday" label="联系电话" width="210">
          </el-table-column>
          <el-table-column prop="phone" label="备注" width="218">
          </el-table-column>
           <el-table-column prop="name" label="操作" width="220">
               <template>
                   <div>
                        <el-button>默认按钮</el-button>
                        <el-button type="danger">危险按钮</el-button>
                   </div>
               </template>
          </el-table-column>
        </el-table> 
        </template>
    </el-main>
  </div>
</template>
    </el-main>
  </div>
</template>

<script>
export default {
  data() {
    return {
      formInline: {
        user: "",
        region: "",
      },
      tableData:[],
    //   page:1,
    //   size:1
    };
  },
  mounted() {
    // this.$http('/api'+"admin/member/list","get").then((res)=>{
    //   console.log(res);
    // })
  },
  methods: {
    onSubmit() {},
    add() {},
    dd() {},
  },
};
</script>

<style lang='scss' scoped>
.man {
  padding: 20px;
  border-radius: 4px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}
.line {
  border-left: 3px solid #31c17b;
  padding-left: 10px;
}
.top {
  font-weight: 400;
  color: #606266;
  cursor: text;
}
.navs {
  margin: 25px;
}
</style>
